<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // 编程语言
        //    面向过程   C
        //    面向对象   JAVA  / PHP   ...

        // 他们只是不同的编程思想，没有好坏

        // js是一种基于对象的语言 ， 并不是真正的面向对象


        // 万物皆对象，对象又分不同的种类

        // "类"  分类   class

        // es5中没有类   es6中出现了类


        // 对象分很多类
        //   数学对象    Math
        //   数组对象    Array
        //   字符串对象  String
        //   ......  日期对象，标签对象 ...


        // 以上是属于js当中已经存在的对象


        // 我们也可以自己创建一个对象


        // Object 属于根对象 ，
        //     typeof  判断数组的时候   object
        //     typeof  判断标签对象的时候   object
        //     ....

        // 对象的语法
        //   new Object() ;

        


        // 创建一个人
        //    实例化对象
        var person = new Object() ;
        console.log(person);   // 得到一个空对象

        // 对象的属性和方法


        // 对象的语法使用点语法  .

        // 添加属性   name和age称为属性
        person.name = 'cc' ;
        person.age = 18 ;

        // 添加方法  --- 方法就是函数
        person.say = function() {
            console.log('hello world') ;
        }

        console.log(person);


        // 点语法访问
        person.say();
        console.log(person.name) ;





        // 直接创建对象
        //  {
        //     属性:属性值,
        //     属性:属性值,
        //     方法:function() {}
        // }
        var dog = {
            name : '柯基' ,
            age : 3 ,
            sex : '女' ,
            say : function() {
                console.log('汪') ;
            }
        } ;

        // 又添加一个新的属性  color
        dog.color = 'white' ;

        console.log(dog);





     




    </script>
    
</body>
</html>